<template>
    <div class="bg-cover bg-center bg-no-repeat bg-sm mt-16 md:mt-0 lg:bg-md">
        <a href="https://tw.cocloud.com/"><img class="max-w-100 w-52 absolute top-0 left-0 hidden md:block" src="@/assets/images/event_logo_pc.webp" alt="CO Cloud"></a>
        <header class="z-10 bg-grayHeader h-16 flex items-center justify-center w-full fixed top-0 md:hidden">
            <a href="https://tw.cocloud.com/zh-tw"><img class="w-40 m-auto" src="@/assets/images/event_logo.webp" alt="CO Cloud"/></a>
        </header>
        <div class="text-center md:text-left pt-48 pb-24 lg:py-24 px-4 max-w-5xl mx-auto">
            <h1 class="mt-6 md:mt-0 text-white text-4xl md:text-5xl font-bold md:leading-snug mb-3 drop-shadow shadow-purple-700">
                零時差即時防禦 <span class="hidden md:inline-block">，</span><br class="block md:hidden">一體化 DDoS <br class="block md:hidden">防禦整合方案
            </h1>
            <p class="text-white text-xl md:text-3xl mb-6 drop-shadow shadow-purple-700">攜手七大品牌，保障您的資安風險</p>
            <div class="bg-white rounded bg-opacity-90 inline-flex p-1 mb-8">
                <img class="w-8 md:w-12 mx-1" src="../assets/images/icon-1.webp" alt="aws">
                <img class="w-8 md:w-12 mx-1" src="../assets/images/icon-2.webp" alt="gcp">
                <img class="w-8 md:w-12 mx-1" src="../assets/images/icon-3.webp" alt="azure">
                <img class="w-8 md:w-12 mx-1" src="../assets/images/icon-4.webp" alt="alibabacloud">
                <img class="w-8 md:w-12 mx-1" src="../assets/images/icon-5.webp" alt="cloudflare">
                <img class="w-8 md:w-12 mx-1" src="../assets/images/icon-6.webp" alt="huawei">
                <img class="w-8 md:w-12 mx-1" src="../assets/images/icon-7.webp" alt="tencent">
            </div>
            <div>
                <a class="bg-orange hover:bg-orangeDark text-white text-l font-bold rounded py-4 px-14 inline-flex items-center justify-center"
                href="https://tw.cocloud.com/zh-tw/contact_us/">立即諮詢</a>
            </div>
            
        </div>
    </div>
</template>